body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p, sub, form, input, button, textarea, th, td, tr {
    margin: 0;
    padding: 0;
    text-align: center;
    font-family: Arial;
    border: none;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}

ul, li {
    list-style: none;
}

img {
    display: block;
    border: none;
    vertical-align:top;
}


/* clear float */
.clearfix {
    *zoom: 1;
}

.clearfix:before,
.clearfix:after {
    display: table;
    content: "";
}

.clearfix:after {
    clear: both;
}
.hidden{
    display: none!important;
}

.photoView{
    margin:0 auto;
    overflow: hidden;
    width: 926px;
}
.thumb{
    background: #B19E44;
    overflow: hidden;
    width: 352px;
    height: 494px;
    float: left;
}
.thumb-cont{
    margin: 15px;
    width:324px;
    height: 432px;
    overflow: hidden;
}
.thumb-list{
    height: 100%;
}

.thumb-img{
    display: block;
    margin: 4px;
    width: 96px;
    height: 96px;
    border:2px solid #B19E44;
    float: left;
    cursor: pointer;
    overflow: hidden;
}
.thumb-img:hover, 
a.active{
    border:3px solid #463E15;
    width: 94px;
    height: 94px;
}
.thumb-img img{
    margin:0 auto;
}
.viewBox{
    width: 450px;
    height: 450px;
    border:2px solid #B19E44;
    float: right;
    padding: 20px 60px;
}
.view-img{
    width: 450px;
    height: 450px;
    margin-left: auto;
    margin-right: auto;

}
.view-img img{
    margin-left: auto;
    margin-right: auto;
    max-height: 450px;
    max-width: 450px;

}




